<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>大朴会员注册</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/signup.css">
</head>

<body>
    <header>
        <div class="w">
            <div class="header-bar">
                <h1>
                    <a href="../index.html"><img src="https://activity.dapuimg.com/2019082001logo.png" alt="大朴网"
                            style="width:250px;height:100px;"></a>
                </h1>
            </div>
        </div>
    </header>
    <section>
        <div class="reg-box cl">
            <div class="formPanel form-panel reg-xxx">
                <input name="forward" type="hidden" value="">
                <div class="field">
                    <label class="leftlabel">手机号：</label>
                    <div class="floatdiv">
                        <input type="text" class="txt7" vtype="required" id="mobile" maxlength="50" onfocus="mfocus()"
                            onblur="monblur()">
                        <span id="error_mobile" class="errormsg"></span>

                    </div>
                </div>
                <div class="field">
                    <label class="leftlabel">图片码：</label>
                    <input type="text" name="v_code" id="v_code" class="txt3" onclick="change_code(this)">
                    <div style="display:none;background:none;border:none;" class="verifyCode_sj L_Warining">
                        <img src="#" border="1">
                    </div>
                    <input type="button" onclick="getregcode();" class="btn1 getyzm" value="获取短信码">
                </div>
                <div class="field">
                    <div class="floatdiv">
                        <span id="error_v_code" class="error_v_code">请先输入图片验证码的计算结果，再点击获取短信码</span>
                    </div>
                </div>

                <div class="field">
                    <label class="leftlabel">短信码：</label>
                    <div class="floatdiv">
                        <input id="yzm" class="txt7" type="text" vtype="required"
                            onfocus="this.style.border ='1px #f9c908 solid';document.getElementById('tishi2').style.display = 'inline-block';">
                        <span id="getcodeerror" class="errormsg"></span>
                        <span id="tishi2" style="display:block;color:#FF0000;height: 28px"></span>
                    </div>
                </div>


                <div class="field">
                    <label class="leftlabel">密码：</label>
                    <div class="floatdiv">
                        <div style="float:left">
                            <input type="password" name="" class="txt7 input-style" vtype="required" id="password"
                                maxlength="50"
                                onfocus="this.style.border ='1px #f9c908 solid'; document.getElementById('error_pwd1').style.display = 'inline-block';">
                        </div>
                        <div style="float:left">
                            <div id="level" class="pw-strength">
                                <div class="pw-bar"></div>
                                <div class="pw-bar-on"></div>
                                <div class="pw-txt">
                                    <span>弱</span>
                                    <span>中</span>
                                    <span>强</span>
                                </div>
                            </div>
                        </div>
                        <span id="error_pwd1" class="errormsg"></span>
                        <span id="tip_pwd1" style="display:block;color:#FF0000;height: 28px"></span>
                    </div>
                </div>


                <div class="field">
                    <label class="leftlabel">确认密码：</label>
                    <div class="floatdiv">
                        <input type="password" class="txt7" vtype="required" id="password_again" maxlength="50"
                            onfocus="this.style.border ='1px #f9c908 solid'; document.getElementById('error_pwd2').style.display = 'inline-block';">
                        <span id="error_pwd2" class="errormsg"></span>
                        <span id="tip_pwd2" style="display:block;color:#FF0000;height: 28px"></span>
                    </div>
                </div>

                <div class="field">

                    <label class="leftlabel"> </label>
                    <div class="floatdiv">


                        <input type="checkbox" id="license" value="agree" checked="checked">
                        <span>同意注册协议</span>
                        <a href="http://www.dapu.com/article-bangzhuzhongxin_gouwuzhinan-61.html"
                            target="_blank">《大朴用户协议》</a>
                    </div>



                </div>

                <div class="actions">
                    <input type="button" id="mobile_reg_submit" value="注册" class="reg-btn">
                    <span>我已经注册，现在就<a href="./login.html" style="color:red">登录</a></span>
                </div>

            </div>
        </div>

    </section>

    <footer>
        <div class="w">
            <div class="site-footer-context">
                <div class="footer-fl">
                    <ul class="user-ui-ul cl">
                        <li><a title="关于大朴" href="http://www.dapu.com/article-huodong-179.html" target="_blank"
                                rel="nofollow">关于大朴</a><span>|</span></li>
                        <li><a title="帮助中心" href="http://www.dapu.com/index.php/article-bangzhuzhongxin-lists-8.html"
                                target="_blank" rel="nofollow">帮助中心</a><span>|</span></li>
                        <li><a title="联系我们" href="http://www.dapu.com/index.php/article-guanyudapu_lianxiwomen-78.html"
                                target="_blank" rel="nofollow">联系我们</a><span>|</span></li>
                        <li><a title="手机大朴" href="http://m.dapu.com" target="_blank" type="url" rel="nofollow">手机大朴</a>
                        </li>
                    </ul>
                </div>
                <div class="footer-fl">
                    <p class="user-ui-copyright">Copyright © 2012-2015 dapu.com 大朴版权所有 京ICP备12027522号 京ICP证130030号</p>
                </div>
            </div>
        </div>

    </footer>
</body>

</html>